<!-- 购买流程进度条 -->
<assign name="step" value="[step]" />
<div class="am-margin-top-sm shop-container" style="width: 100%; margin: 10px auto; height: 50px; background-color: white; ">

    <eq name="step" value="1">
        <img height="70px" style="margin-left: -3px; margin-top: -5px;" src="__IMG__/sc.png">
    </eq>
    <eq name="step" value="2">
        <img height="70px" style="margin-left: -3px; margin-top: -5px;" src="__IMG__/ordercreate.png">
    </eq>
    <eq name="step" value="3">
        <img height="70px" style="margin-left: -3px; margin-top: -5px;" src="__IMG__/paytype.png">
    </eq>

    <style type="text/css">
        .stepCarNew{
            width: 600px;
            height: 30px;
            text-align: center;
            float: right;
            margin-top: 0px;
        }
        .stepCarNew ul li {
            width: 25%;
            list-style: none;
            float: left;
            height: 30px;
        }
        .stepCarNew ul li p {
            padding-top: 5px;
            padding-left: 7px;
            color: white;
        }
        .stepCarNew .step{
            background: url(__IMG__/jdt.png) no-repeat;
        }
        .stepCarNew .curstep {
            background: url(__IMG__/jdt1.png) no-repeat;
        }
    </style>
    <div class="stepCarNew">
        <ul>
            <li id="stepCar_1" class="step <egt name="step" value="1">curstep</egt> "><p>1</p><span>我的购物车</span></li>
            <li id="stepCar_2" class="step <egt name="step" value="2">curstep</egt> "><p>2</p><span>订单确认</span></li>
            <li id="stepCar_3" class="step <egt name="step" value="3">curstep</egt> "><p>3</p><span>付款</span></li>
            <li id="stepCar_4" class="step <egt name="step" value="4">curstep</egt> "><p>4</p><span>购买完成</span></li>
        </ul>
    </div>

</div>